<!doctype html>
<html lang="zh-CN">

<head>
    <title>故障失效报告查询页</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="shortcut icon" type="image/x-ico" href="favicon.ico" />
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/style.min.css">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <script src="layui/layui.js"></script>
</head>

<body>
    <div class="flex-container">
        <nav class="nav top-nav">
        <div class="container">
            <div class="row">
               #include("language.html")
            </div>
        </div>
    </nav>
    <header class="masthead mb-auto">
        <div class="inner logo">
            <div class="webtitle">
                <div class="title-h3 masthead-brand">国产飞机运营伙伴当局信息系统</div>
                <div class="title-h4">Platform among CAAC MOU Partners for China-Made Aircrafts</div>
            </div>
                #include("mainnav.html")
            <div class="search-form">
                #include("searchhead.html")
            </div>
        </div>
            #include("menu.html")
    </header>
        <div class="container">
            <div class="page-title">故障失效报告查询</div>
            <div class="row">
                <div class="col-3 left-bar">
                    #include("srd_menu.html")
                </div>
                <div class="col-9 right-list">
                    <h4 class="title-bar">故障失效报告查询</h4>
                    <form class="needs-validation" novalidate>
                        <table class="table">
                            <tr>
                                <td>章节</td>
                                <td><input type="text" class="form-control" required></td>
                                <td>航空器注册号</td>
                                <td><input type="text" class="form-control" required></td>
                            </tr>
                            <tr>
                                <td>发生日期</td>
                                <td>
                                    <input id="startTime" type="input" class="form-control" id="startdate" placeholder="" required>
                                </td>
                                <td>至</td>
                                <td>
                                    <input id="endTime" type="input" class="form-control" id="enddate" placeholder="" required>
                                </td>
                            </tr>
                            <tr>
                                <td>运营人</td>
                                <td><input type="text" class="form-control" required></td>
                                <td>报告编号</td>
                                <td><input type="text" class="form-control" required></td>
                            </tr>
                            <tr>
                                <td>报告状态</td>
                                <td>
                                    <select name="status" class="custom-select">
                                        <option value="all">全部</option>
                                    </select>
                                </td>
                                <td>运行种类</td>
                                <td><input type="text" class="form-control" required></td>
                            </tr>
                            <tr>
                                <td colspan="4" class="text-center">
                                    <button type="submit" class="btn btn-primary">查询</button>
                                </td>
                            </tr>
                        </table>
                    </form>
                    <table class="table table-striped table-responsive">
                        <thead>
                            <tr>
                                <td>序号</td>
                                <td>报告编号</td>
                                <td>运营人</td>
                                <td>运营种类</td>
                                <td>航空器注册号</td>
                                <td>机型</td>
                                <td>章节</td>
                                <td>故障现象</td>
                                <td>发生地点</td>
                                <td>发生日期</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>SDR20200001</td>
                                <td>CAAC</td>
                                <td>运营种类</td>
                                <td>航空器注册号</td>
                                <td>A737</td>
                                <td>1111</td>
                                <td>222</td>
                                <td>2020-03-20</td>
                                <td>2020-03-19</td>
                            </tr>
                        </tbody>
                    </table>
                    <nav aria-label="Page navigation" class="mt-4">
                        <ul class="pagination justify-content-center pagination-sm">
                            <li class="page-item disabled">
                                <a class="page-link" href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                    <span class="sr-only">上一页</span>
                                </a>
                            </li>
                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                    <span class="sr-only">下一页</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    #include("bottom.html")
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
    layui.use('laydate', function(){
      var laydate = layui.laydate;
      
      //执行一个laydate实例
      laydate.render({
        elem: '#startTime' //指定元素
      });
      //执行一个laydate实例
      laydate.render({
        elem: '#endTime' //指定元素
      });
    });
    </script>
</body>

</html>